<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php  echo (isset($title))?$title:"";?></title>
<?php  echo (isset($metatags))?$metatags:"";?>
<link href="<?php echo base_url(); ?>css/style.css" rel="stylesheet" type="text/css" />
<link type="text/css" href="<?php echo base_url(); ?>css/css3.css" rel="stylesheet" />
<style type="text/css">
<!--
/**
 * Slideshow style rules.
 */
#slideshow {
	width:250px;
	height:263px;
	position:relative;
	margin: 0px;
}
#slideshow #slidesContainer {
	width:200px;
	height:263px;
	overflow:auto; /* allow scrollbar */
	position:relative;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 15px;
}
#slideshow #slidesContainer .slide {
	margin-right: 5px;
	height: 263px;
}
a {
	color: #000;
	font-weight:bold;
	text-decoration:none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
}
a:hover {
  text-decoration:underline;
}
body {
	background-color: #e8e8e8;
	margin: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
	font-size: 11px;
}

/**
 * Slideshow controls style rules.
 */
.control {
	display:block;
	width:70px;
	height:263px;
	text-indent:-10000px;
	position:absolute;
	cursor: pointer;
}
#leftControl {
	top:0;
	left:0;
	background-color: transparent;
	background-image: url(../../../img/control_left.jpg);
	background-repeat: no-repeat;
	background-position: 0px 50px;
}
#rightControl {
	top:0;
	right:0;
	background-color: transparent;
	background-image: url(../../../img/control_right.jpg);
	background-repeat: no-repeat;
	background-position: 0px 50px;
}
.slide img {
	height: 105px;
	width: 160px;
	clear: both;
	margin-bottom: 10px;
}
-->
</style>

<script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery.pikachoose.js"></script>
<script language="javascript">
        $(document).ready(
                function (){
                        $("#pikame").PikaChoose();
                });
</script>
<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 560;
  var slides = $('.slide');
  var numberOfSlides = slides.length;

  // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
	.css({
      'float' : 'left',
      'width' : slideWidth
    });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert controls in the DOM
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');

  // Hide left arrow control on first load
  manageControls(currentPosition);

  // Create event listeners for .controls clicks
  $('.control')
    .bind('click', function(){
    // Determine new position
	currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;

	// Hide / show controls
    manageControls(currentPosition);
    // Move slideInner using margin-left
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });

  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls(position){
    // Hide left arrow if position is first slide
	if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
	// Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }
});
</script>
</head>

<body id="body">
<div id="wrapper">
<div id="topbar">
  <div id="logo"><img src="<?php echo base_url(); ?>images/logo.jpg" width="231" height="101" /></div>
  <div id="langbar"><a href="<?php echo base_url(); ?>index/lang/en"><img src="<?php echo base_url(); ?>images/uk_flag.gif" /></a>&nbsp;<a href="<?php echo base_url(); ?>index/lang/de"><img src="<?php echo base_url(); ?>images/german_flag.gif" /></a></div>
  <div id="menu1"><ul>
        <li><img src="<?php echo base_url(); ?>images/country_0.jpg" width="121" height="27" /></li>
        <li><img src="<?php echo base_url(); ?>images/events-calendar_0.jpg" width="124" height="27" /></li>
        <li><img src="<?php echo base_url(); ?>images/testimonials_0.jpg" width="101" height="27" /></li>
        <li><img src="<?php echo base_url(); ?>images/reservations_0.jpg" width="105" height="27" /></li>
        <li><img src="<?php echo base_url(); ?>images/faq_0.jpg" width="51" height="27" /></li>
        <li><img src="<?php echo base_url(); ?>images/contact_0.jpg" width="86" height="27" /></li>
      </ul></div>
  <div id="menu2"><ul>
        <li><img src="<?php echo base_url(); ?>images/thingstodo_0.jpg" width="149" height="25" /></li>
        <li><img src="<?php echo base_url(); ?>images/accommodation_0.jpg" width="172" height="25" /></li>
        <li><img src="<?php echo base_url(); ?>images/iteneries_0.jpg" width="145" height="25" /></li>
        <li><img src="<?php echo base_url(); ?>images/destinations_0.jpg" width="158" height="25" /></li>
      </ul></div>
  
</div>
<div class="clear"></div>
  <div id="content_box">
    <div id="left_column">
      <?php if($featured_acc_arr):?>
      <div><img src="<?php echo base_url(); ?>images/facc_top.jpg" width="199" height="53" /></div>
      <div class="featured-acc_box">
        <div><img src="<?php echo base_url(); ?>images/uploads/original/<?php echo $featured_acc_arr[0]['image']; ?>" width="175" height="122" /></div>
        <h1><?php echo $featured_acc_arr[0]['title'];?></h1>
        <div class="text"><?php echo (strlen($featured_acc_arr[0]['desc'])>150)?substr($featured_acc_arr[0]['desc'], 0, 150)."...":$featured_acc_arr[0]['desc'];?><!--If you're looking to explore the city or escape it, Cinnamon Grand is your perfect haven. We're in the heart of Colombo's business, shopping and entertainment--></div>
      </div>
      <?php endif;?>
      <div><img src="<?php echo base_url(); ?>images/acc_top.jpg" width="199" height="40" /></div>
      <div id="left_menu">
          <ul>
          <?php
          foreach ($acc_arr as $acc_details) :
          ?>
              <li><a href="<?php echo base_url(); ?>hotel/list_hotels/<?php echo str_replace(" ", "-", $acc_details['accdesc']); ?>/acc_id/<?php echo $acc_details['id']; ?>"><?php echo $acc_details['accdesc']; ?></a></li>
          <?php endforeach; ?>
          </ul>
          </div>
      <div class="clear"></div>
      <div><a href="#" class="more-acc">More Accomodation </a></div>
      <div><img src="<?php echo base_url(); ?>images/hoteldeals_top.jpg" width="199" height="40" /></div>
      <div><div id="pageContainer"><!-- Slideshow HTML -->
  <div id="slideshow">
    <div id="slidesContainer">
      <div class="slide">
        <p><a href="http://sixrevisions.com/tutorials/web-development-tutorials/using-xampp-for-local-wordpress-theme-development/"></a><img src="<?php echo base_url(); ?>img/img_slide_01.jpg" alt="An image that says Install X A M P P for wordpress." width="215" height="145" /><br />
          <a href="#">AMAN Experience</a><br />
7 Nights for $1915 pp</p>
      </div>
      <div class="slide">
        <p><a href="http://sixrevisions.com/tutorials/web-development-tutorials/using-xampp-for-local-wordpress-theme-development/"></a><img src="<?php echo base_url(); ?>img/img_slide_02.jpg" alt="An image that says Install X A M P P for wordpress." width="175" height="142" /><br />
          <a href="#">AMAN Experience</a><br />
7 Nights for $1915 pp</p>
      </div>
      <div class="slide">
        <p><a href="http://sixrevisions.com/tutorials/web-development-tutorials/using-xampp-for-local-wordpress-theme-development/"></a><img src="<?php echo base_url(); ?>img/img_slide_03.jpg" alt="An image that says Install X A M P P for wordpress." width="175" height="142" /><br />
          <a href="#">AMAN Experience</a><br />
7 Nights for $1915 pp</p>
      </div>
      <div class="slide">
        <p><a href="http://sixrevisions.com/tutorials/web-development-tutorials/using-xampp-for-local-wordpress-theme-development/"></a><img src="<?php echo base_url(); ?>img/img_slide_04.jpg" alt="An image that says Install X A M P P for wordpress." width="175" height="142" /><br />
          <a href="#">AMAN Experience</a><br />
7 Nights for $1915 pp</p>
      </div>
    </div>
  </div>
  <!-- Slideshow HTML -->
  <div id="footer"></div>
</div></div>
      <div><img src="<?php echo base_url(); ?>images/tour_finder.jpg" alt="" width="198" height="59" /></div>
      <div><img src="<?php echo base_url(); ?>images/tour-finder-temp.jpg" width="197" height="229" /></div>

    </div>
    <div id="middle-column">
    <?php echo $contents; ?>

    </div>
    <div id="right-column">
    <?php if($featured_dest_arr):?>
      <div><img src="<?php echo base_url(); ?>images/month_destination_top.jpg" width="199" height="53" /></div>
      <div class="featured-acc_box">
        <div><img src="<?php echo base_url(); ?>images/uploads/original/<?php echo $featured_dest_arr[0]['image']; ?>" width="175" height="122" /></div>
        <h1><?php echo $featured_dest_arr[0]['title'];?></h1>
        <div><span class="text"><?php echo (strlen($featured_dest_arr[0]['desc'])>150)?substr($featured_dest_arr[0]['desc'], 0, 150)."...":$featured_dest_arr[0]['desc'];?></span></div>
      </div>
    <?php endif;?>
    <div><img src="<?php echo base_url(); ?>images/destination_guide_top.jpg" width="199" height="40" /></div>
    <div id="right_menu"><ul>
        <?php
          foreach ($destination_arr as $dest_details) :
          ?>
              <li><a href="<?php echo base_url(); ?>hotel/list_hotels/<?php echo str_replace(" ", "-", $dest_details['destdesc']); ?>/dest_id/<?php echo $dest_details['id']; ?>"><?php echo $dest_details['destdesc']; ?></a></li>
          <?php endforeach; ?>        
       </ul></div>
    <div class="more-destination"><a href="#">More Destinations</a></div>
    <div><img src="<?php echo base_url(); ?>images/calendar_top.jpg" width="199" height="40" />
      <img src="<?php echo base_url(); ?>images/calendar_temp.jpg" width="199" height="228" /></div>
    <div><img src="<?php echo base_url(); ?>images/interative_map.jpg" width="199" height="243" /></div>
    </div>
  </div>
  <div class="clear"></div>
  <div>
    <p class="header"><img src="<?php echo base_url(); ?>images/h_worldriviews.jpg" width="200" height="18" /></p>
    <div id="worlwide_reviews">
      <p><img src="<?php echo base_url(); ?>images/nyt_logo.jpg" width="137" height="51" class="worlwide_reviews_img" /></p>
      <p>The New York Times : Sri Lanka ranked #1 in list of 31 Best New Places to Go in 2010 according to The New York Times.</p>
    </div>
    <div id="worlwide_reviews">
      <p><img src="<?php echo base_url(); ?>images/ngt_logo.jpg" width="136" height="50" class="worlwide_reviews_img" /></p>
      <p>The New York Times : Sri Lanka ranked #1 in list of 31 Best New Places to Go in 2010 according to The New York Times.</p>
    </div>
    <div id="worlwide_reviews">
      <p><img src="<?php echo base_url(); ?>images/travel_leisure_logo.jpg" width="135" height="50" class="worlwide_reviews_img" /></p>
      <p>The New York Times : Sri Lanka ranked #1 in list of 31 Best New Places to Go in 2010 according to The New York Times.</p>
    </div>
    <div id="worlwide_reviews">
      <p><img src="<?php echo base_url(); ?>images/crescent_logo.jpg" width="135" height="50" class="worlwide_reviews_img" /></p>
      <p>The New York Times : Sri Lanka ranked #1 in list of 31 Best New Places to Go in 2010 according to The New York Times.</p>
    </div>
    <div id="worlwide_reviews">
      <p><img src="<?php echo base_url(); ?>images/cnt_logo.jpg" width="135" height="50" class="worlwide_reviews_img" /></p>
      <p>The New York Times : Sri Lanka ranked #1 in list of 31 Best New Places to Go in 2010 according to The New York Times.</p>
    </div>
    <div id="worlwide_reviews">
      <p><img src="<?php echo base_url(); ?>images/newscom_logo.jpg" width="135" height="50" class="worlwide_reviews_img" /></p>
      <p>The New York Times : Sri Lanka ranked #1 in list of 31 Best New Places to Go in 2010 according to The New York Times.</p>
    </div>

  </div>
  <div class="clear"></div>
  <div id="footer">
    <div class="footer_left"><img src="<?php echo base_url(); ?>images/fb.jpg" width="24" height="23" /><img src="<?php echo base_url(); ?>images/twitter.jpg" width="24" height="23" /><img src="<?php echo base_url(); ?>images/blog.jpg" width="24" height="23" /><br /><br />Copyright © 2012 explorersrilanka.com. All rights reserved. Designed by <a href="http://edesignerslanka.com">eDesigners</a></div>
    <div class="addthis"><!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4fbe196f7368f393"></script>
<!-- AddThis Button END --></div>
  </div>
</div>
</body>
</html>
